div{
    border: solid;
}
ul,a{
    list-style: none;
    text-decoration: none;
    color: black;
}
*{
    margin: 0;
    padding: 0;
}
@function vw($size) {
    @return $size/375*100vw;
}
.wrap{
    .top-bar{
        height: vw(44);
    }
    .carousel{
        height: vw(150);
    }
    .banner-nav{
        margin-top: vw(-4);
        border-radius: vw(20) vw(20) 0 0;
        .banner{
            height: vw(90);
        }
        .nav{
            height: vw(200);
            display: flex;
            >ul{
                display: flex;
                flex-wrap: wrap;
                padding: vw(4);
                justify-content: space-between;
                align-content: space-evenly;
                >li{
                    border: solid;
                    width: vw(82);
                    height: vw(57);
                }
            }
        }
    }
}